<!-- 底部操作栏 -->
<template>
	<c-fixed-bottom height="120rpx" background-color="white">
		<view class="content">
			<view class="summary">
				<text class="label">合计：</text>
				<text class="unit">￥</text>
				<text class="total">28.18</text>
			</view>
			<button class="submit-btn btn-transition-scale95" @click="handleSubmit()">提交订单</button>
		</view>
	</c-fixed-bottom>
</template>

<script setup>
	const handleSubmit = () => {
		uni.redirectTo({
			url: '/pagesC-shopping/order-pay-result/index'
		});
	}
</script>

<style lang="scss" scoped>
	.content {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 120rpx;
		padding: 0 40rpx;

		.summary {
			.label {
				font-size: 28rpx;
				color: #222222;
			}
			
			.unit {
				font-weight: bold;
				font-size: 28rpx;
				color: #FE3333;
			}
			
			.total {
				font-weight: bold;
				font-size: 40rpx;
				color: #FE3333;
			}
		}

		.submit-btn {
			width: 198rpx;
			height: 72rpx;
			font-size: 32rpx;
			color: white;
			text-align: center;
			line-height: 72rpx;
			border-radius: 40rpx;
			background-color: #FE3333;
		}
	}
</style>